html {
  font-size: 20px
}

html,
body {
  padding: 0;
  margin: 0;
}

@media only screen and (min-width:320px) {
  html {
    font-size: 17.07px!important
  }
}

@media only screen and (min-width:375px) {
  html {
    font-size: 20px!important
  }
}

@media only screen and (min-width:400px) {
  html {
    font-size: 21.33px!important
  }
}

@media only screen and (min-width:414px) {
  html {
    font-size: 22.08px!important
  }
}

@media only screen and (min-width:480px) {
  html {
    font-size: 25.6px!important
  }
}

/* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */
::-webkit-scrollbar{ 
  width: 0px;  
  height: 10px;  
  background-color: red; 
}  
/* 定义滚动条轨道 内阴影+圆角 */
::-webkit-scrollbar-track {  
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
  border-radius: 0px; 
  background-color: #F5F5F5;  
} 

/* 定义滑块 内阴影+圆角 */
::-webkit-scrollbar-thumb{  
  border-radius: 1px;  
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
  background-color: #555;  
}  

/*基本标签*/

* {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-user-select: none;
  outline: none;
}

ol,
ul,
li {
  list-style: none;
}

b,
strong {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
}

img {
  border: 0;
  vertical-align: middle;
}

a {
  text-decoration: none;
  vertical-align: baseline;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

a:hover {
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  outline: 0;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

textarea {
  overflow: hidden;
  resize: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
          box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}


/* 常用字号 */

.fontR40 {
  font-size: 2rem;
  /*  40px*/
}

.fontR32 {
  font-size: 1.6rem;
  /* 32px */
}

.fontR30 {
  font-size: 1.5rem;
  /* 30px */
}

.fontR28 {
  font-size: 1.4rem;
  /* 28px */
}

.fontR26 {
  font-size: 1.3rem;
  /* 26px */
}

.fontR24 {
  font-size: 1.2rem;
  /* 24px */
}

.fontR20 {
  font-size: 1rem;
  /* 20px */
}


/* 常用颜色 */

.color-default {
  color: #3d4145
}

.color-gray {
  color: #999
}

.color-primary {
  color: #0894ec
}

.color-success {
  color: #4cd964
}

.color-danger {
  color: #f6383a
}

.color-warning {
  color: #f60
}


/* 浮动 */

.hya-float-left {
  float: left !important;
}

.hya-float-right {
  float: right !important;
}


/* 清除浮动 */

.clearfix:after,
.clearfix:before {
  content: " ";
  display: table
}

.clearfix,
.clearfix:after {
  clear: both
}


/*文字对齐*/

.hya-text-left {
  text-align: left !important;
}

.hya-text-center {
  text-align: center !important;
}

.hya-text-justify {
  text-align: justify !important;
}

.hya-text-right {
  text-align: right !important;
}


/*自动隐藏文字*/

.hya-ellipsis-1 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.hya-ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


/*  */

.title {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 -.5rem;
  font-size: .85rem;
  font-weight: 500;
  line-height: 2.2rem;
  color: #3d4145;
  text-align: center;
  white-space: nowrap
}

.title a {
  color: inherit
}

.bar-nav {
  top: 0
}

.bar-nav-left,
.bar-nav-right {
  line-height: 2.2rem;
  font-size: 0.85rem;
}

.bar {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 10;
  height: 2.2rem;
  padding-right: .5rem;
  padding-left: .5rem;
  background-color: #f7f7f8;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.bar:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #e7e7e7;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

.bar-tab {
  bottom: 0;
  width: 100%;
  height: 2.5rem;
  padding: 0;
  table-layout: fixed
}

.bar-tab:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #e7e7e7;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .bar-tab:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
  .bar-tab:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
  }
}

.bar-tab:after {
  display: none
}

.bar-tab .tab-item {
  position: relative;
  display: table-cell;
  width: 1%;
  height: 2.5rem;
  color: #929292;
  text-align: center;
  vertical-align: middle
}

.bar-tab .tab-item.active,
.bar-tab .tab-item:active {
  color: #0894ec !important;
}

.bar-tab .tab-item .badge {
  position: absolute;
  top: .1rem;
  left: 50%;
  z-index: 100;
  height: .8rem;
  min-width: .8rem;
  padding: 0 .2rem;
  font-size: .6rem;
  line-height: .8rem;
  color: #fff;
  vertical-align: top;
  background: red;
  border-radius: .5rem;
  margin-left: .1rem
}

.bar-tab .tab-item .icon {
  top: .05rem;
  height: 1.2rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  padding-top: 0;
  padding-bottom: 0
}

.bar-tab .tab-item .icon~.tab-label {
  display: block;
  font-size: .55rem;
  position: relative;
  top: .15rem
}


/* 内容 */

.content {
  position: absolute;
  top: 2.2rem;
  bottom: 2.5rem;
  left: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: auto;
}


/* 遮罩 */

.modal-overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 10600;
    /* visibility: hidden; */
    opacity: 1;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}
/* 弹窗 */

.modal {
  width: 13.5rem;
  position: absolute;
  z-index: 11000;
  left: 50%;
  margin-left: -6.75rem;
  margin-top: 0;
  top: 30%;
  text-align: center;
  border-radius: .35rem;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(1.185);
  transform: translate3d(0, 0, 0) scale(1.185);
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  color: #3d4145;
  display: none
}

.modal.modal-in {
  opacity: 1;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1)
}

.modal-inner {
  padding: .75rem;
  border-radius: .35rem .35rem 0 0;
  position: relative;
  background: #e8e8e8
}

.modal-inner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #b5b5b5;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .modal-inner:after {
      -webkit-transform: scaleY(.5);
      transform: scaleY(.5)
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
  .modal-inner:after {
      -webkit-transform: scaleY(.33);
      transform: scaleY(.33)
  }
}
.modal-title+.modal-text {
  margin-top: .25rem
}
.modal-buttons {
  height: 2.2rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center
}
.modal-buttons {
    height: 2.2rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center
}

.modal-buttons.modal-buttons-vertical {
    display: block;
    height: auto
}

.modal-button {
    width: 100%;
    padding: 0 .25rem;
    height: 2.2rem;
    font-size: .85rem;
    line-height: 2.2rem;
    text-align: center;
    color: #0894ec;
    background: #e8e8e8;
    display: block;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1
}

.modal-button:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    width: 1px;
    height: 100%;
    background-color: #b5b5b5;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .modal-button:after {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
    .modal-button:after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.modal-button:first-child {
    border-radius: 0 0 0 .35rem
}

.modal-button:last-child {
    border-radius: 0 0 .35rem 0
}

.modal-button:last-child:after {
    display: none
}

.modal-button:first-child:last-child {
    border-radius: 0 0 .35rem .35rem
}

.modal-button.modal-button-bold {
    font-weight: 500
}

.modal-button.active-state,
html:not(.watch-active-state) .modal-button:active {
    background: #d4d4d4
}

.modal-buttons-vertical .modal-button {
    border-radius: 0
}

.modal-buttons-vertical .modal-button:after {
    display: none
}

.modal-buttons-vertical .modal-button:before {
    display: none
}

.modal-buttons-vertical .modal-button:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #b5b5b5;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .modal-buttons-vertical .modal-button:after {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
    .modal-buttons-vertical .modal-button:after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.modal-buttons-vertical .modal-button:last-child {
    border-radius: 0 0 .35rem .35rem
}

.modal-buttons-vertical .modal-button:last-child:after {
    display: none
}

.modal-no-buttons .modal-inner {
    border-radius: .35rem
}

.modal-no-buttons .modal-inner:after {
    display: none
}

.modal-no-buttons .modal-buttons {
    display: none
}
/* 按钮 */

.button {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 -1px 3px rgba(255, 255, 255, 0.5), 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px 3px rgba(255, 255, 255, 0.5), 0 2px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid;
  padding: 8px 12px;
  color: #fff;
  font-family: "Myriad Pro", Arial, Tahoma, sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  text-shadow: -1px -1px rgba(0, 0, 0, 0.1), 0 0 15px rgba(255, 255, 255, 0.75);
  white-space: nowrap;
  background: #777;
  border-color: #777;
  text-decoration: none;
  font-style: normal;
  text-transform: none;
  position: relative;
}

.button:hover,
.button:focus {
  bottom: 1px;
  -webkit-box-shadow: inset 0 -1px 3px rgba(255, 255, 255, 0.5), 0 3px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px 3px rgba(255, 255, 255, 0.5), 0 3px 2px rgba(0, 0, 0, 0.2);
  background: #999;
  border-color: #999;
  /* Default color */
}

.button:active {
  top: 1px;
  -webkit-box-shadow: inset 0 -1px 3px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px 3px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);
}


/* Colors */

.blue {
  background: #166ba9;
  border-color: #166ba9;
}

.blue:hover,
.blue:focus {
  background: #3390CF;
  border-color: #3390CF;
}

.red {
  background: #D81204;
  border-color: #D81204;
}

.red:hover,
.red:focus {
  background: #FF2F1F;
  border-color: #FF2F1F;
}

.green {
  background: #95A006;
  border-color: #95A006;
}

.green:hover,
.green:focus {
  background: #B2BF17;
  border-color: #B2BF17;
}

.yellow {
  background: #FFAF09;
  border-color: #FFAF09;
}

.yellow:hover,
.yellow:focus {
  background: #FFCF09;
  border-color: #FFCF09;
}

.purple {
  background: #9F1D78;
  border-color: #9F1D78;
}

.purple:hover,
.purple:focus {
  background: #CF33A0;
  border-color: #CF33A0;
}

.orange {
  background: #FF5F09;
  border-color: #FF5F09;
}

.orange:hover,
.orange:focus {
  background: #FF7F09;
  border-color: #FF7F09;
}

.gray {
  background: #777;
  border-color: #777;
}

.gray:hover,
.gray:focus {
  background: #999;
  border-color: #999;
}


/*基础动画类*/

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
}

@keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0.0);
    transform: scale(0.0);
  }
  50% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0.0);
    transform: scale(0.0);
  }
  50% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}


/* 图标 */

@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?yqxhk3');
  src: url('fonts/icomoon.eot?yqxhk3#iefix') format('embedded-opentype'), 
  url('fonts/icomoon.ttf?yqxhk3') format('truetype'), 
  url('fonts/icomoon.woff?yqxhk3') format('woff'), 
  url('fonts/icomoon.svg?yqxhk3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {font-family: "iconfont";
  src: url('fonts/iconfont.eot?t=1489192348890'); /* IE9*/
  src: url('fonts/iconfont.eot?t=1489192348890#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/iconfont.woff?t=1489192348890') format('woff'), /* chrome, firefox */
  url('fonts/iconfont.ttf?t=1489192348890') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('fonts/iconfont.svg?t=1489192348890#iconfont') format('svg'); /* iOS 4.1- */
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-add:before {
  content: "\e919";
}


/* 雨伞 */

.icon-after-sales:before {
  content: "\e91a";
}


/* 支付宝 */

.icon-ailpay:before {
  content: "\e91b";
}

.icon-bank .path1:before {
  content: "\e91c";
  color: rgb(47, 138, 208);
}

.icon-bank .path2:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(26, 192, 208);
}

.icon-bank .path3:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(254, 86, 86);
}

.icon-car:before {
  content: "\e91f";
}

.icon-card:before {
  content: "\e920";
}

.icon-card-outline .path1:before {
  content: "\e921";
  color: rgb(34, 34, 34);
}

.icon-card-outline .path2:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-close:before {
  content: "\e923";
}

.icon-comment:before {
  content: "\e924";
}

.icon-cooperate:before {
  content: "\e925";
}

.icon-correct:before {
  content: "\e926";
}

.icon-coupon:before {
  content: "\e927";
}

.icon-del:before {
  content: "\e928";
}

.icon-draw-nostate:before {
  content: "\e929";
}

.icon-editor:before {
  content: "\e92a";
}


/* 右箭头 */

.icon-entry:before {
  content: "\e92b";
}

.icon-fail:before {
  content: "\e92c";
}

.icon-form-check:before {
  content: "\e92d";
}

.icon-friend .path1:before {
  content: "\e92e";
  color: rgb(249, 84, 82);
}

.icon-friend .path2:before {
  content: "\e92f";
  margin-left: -1em;
  color: rgb(100, 103, 240);
}

.icon-friend .path3:before {
  content: "\e930";
  margin-left: -1em;
  color: rgb(82, 131, 240);
}

.icon-friend .path4:before {
  content: "\e931";
  margin-left: -1em;
  color: rgb(0, 177, 254);
}

.icon-friend .path5:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(101, 208, 32);
}

.icon-friend .path6:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(154, 209, 34);
}

.icon-friend .path7:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(255, 200, 23);
}

.icon-friend .path8:before {
  content: "\e935";
  margin-left: -1em;
  color: rgb(255, 118, 18);
}

.icon-goods-to-be-received:before {
  content: "\e936";
}

.icon-help:before {
  content: "\e937";
}

.icon-home:before {
  content: "\e938";
}

.icon-iconfont:before {
  content: "\e939";
}

.icon-identifying-code:before {
  content: "\e93a";
}

.icon-income:before {
  content: "\e93b";
}

.icon-increase:before {
  content: "\e93c";
}

.icon-info:before {
  content: "\e93d";
}

.icon-laud:before {
  content: "\e93e";
}

.icon-level:before {
  content: "\e93f";
}

.icon-mine:before {
  content: "\e940";
}

.icon-more:before {
  content: "\e941";
}

.icon-more-outline:before {
  content: "\e942";
}

.icon-obligations:before {
  content: "\e943";
}

.icon-on-off:before {
  content: "\e944";
}

.icon-on-off-outline:before {
  content: "\e945";
}

.icon-password:before {
  content: "\e946";
}

.icon-pending-evaluation:before {
  content: "\e947";
}

.icon-pull-down:before {
  content: "\e948";
}

.icon-qq:before {
  content: "\e949";
}

.icon-qqicon .path1:before {
  content: "\e94a";
  color: rgb(240, 171, 27);
}

.icon-qqicon .path2:before {
  content: "\e94b";
  margin-left: -1em;
  color: rgb(4, 0, 0);
}

.icon-qqicon .path3:before {
  content: "\e94c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-qqicon .path4:before {
  content: "\e94d";
  margin-left: -1em;
  color: rgb(240, 171, 27);
}

.icon-qqicon .path5:before {
  content: "\e94e";
  margin-left: -1em;
  color: rgb(219, 41, 33);
}

.icon-qqicon .path6:before {
  content: "\e94f";
  margin-left: -1em;
  color: rgb(4, 0, 0);
}

.icon-reduce:before {
  content: "\e950";
}

.icon-refund:before {
  content: "\e951";
}

.icon-return:before {
  content: "\e952";
}

.icon-scan:before {
  content: "\e953";
}

.icon-search:before {
  content: "\e954";
}

.icon-sell:before {
  content: "\e955";
}

.icon-service:before {
  content: "\e956";
}

.icon-service-outline:before {
  content: "\e957";
}

.icon-set:before {
  content: "\e958";
}

.icon-share:before {
  content: "\e959";
}

.icon-shipping-address:before {
  content: "\e95a";
}

.icon-stock:before {
  content: "\e95b";
}

.icon-task:before {
  content: "\e95c";
}

.icon-top:before {
  content: "\e95d";
}

.icon-unprocessed-order:before {
  content: "\e95e";
}

.icon-volume:before {
  content: "\e95f";
}

.icon-wechat:before {
  content: "\e960";
}

.icon-wexin:before {
  content: "\e961";
}

.icon-bank-of-beijing2:before {
  content: "\e962";
  color: #cb291f;
}

.icon-Bank-of-China2:before {
  content: "\e963";
  color: #9e1f31;
}

.icon-Bank-of-Communications2:before {
  content: "\e964";
  color: #113670;
}

.icon-Bank-of-Shanghai2 .path1:before {
  content: "\e965";
  color: rgb(255, 178, 0);
}

.icon-Bank-of-Shanghai2 .path2:before {
  content: "\e966";
  margin-left: -1em;
  color: rgb(0, 53, 217);
}

.icon-bank_gd2:before {
  content: "\e967";
  color: #f8981d;
}

.icon-bank_gf2 .path1:before {
  content: "\e968";
  color: rgb(189, 0, 22);
}

.icon-bank_gf2 .path2:before {
  content: "\e969";
  margin-left: -1em;
  color: rgb(115, 0, 0);
}

.icon-bank_gf2 .path3:before {
  content: "\e96a";
  margin-left: -1em;
  color: rgb(229, 0, 32);
}

.icon-bank_gf2 .path4:before {
  content: "\e96b";
  margin-left: -1em;
  color: rgb(189, 0, 22);
}

.icon-bank_gf2 .path5:before {
  content: "\e96c";
  margin-left: -1em;
  color: rgb(229, 0, 32);
}

.icon-bank_gf2 .path6:before {
  content: "\e96d";
  margin-left: -1em;
  color: rgb(115, 0, 0);
}

.icon-bank_hx2:before {
  content: "\e96e";
  color: #e50012;
}

.icon-bank_ms2 .path1:before {
  content: "\e96f";
  color: rgb(29, 32, 135);
}

.icon-bank_ms2 .path2:before {
  content: "\e970";
  margin-left: -1em;
  color: rgb(90, 164, 114);
}

.icon-bank_ny2:before {
  content: "\e971";
  color: #008566;
}

.icon-bank_pa2 .path1:before {
  content: "\e972";
  color: rgb(0, 0, 0);
}

.icon-bank_pa2 .path2:before {
  content: "\e973";
  margin-left: -1.0009765625em;
  color: rgb(255, 50, 4);
}

.icon-bank_pf2:before {
  content: "\e974";
  color: #003473;
}

.icon-bank_xy2:before {
  content: "\e975";
  color: #004186;
}

.icon-bank_yz2:before {
  content: "\e976";
  color: #007e3e;
}

.icon-bank_zs2:before {
  content: "\e977";
  color: #e50012;
}

.icon-bank_zx2:before {
  content: "\e978";
  color: #d7000f;
}

.icon-Industrial-and-Commercial-Bank2:before {
  content: "\e979";
  color: #bf1920;
}

.icon-Ping-An-Bank2:before {
  content: "\e97a";
  color: #fc6120;
}

.icon-bank-of-beijing:before {
  content: "\e900";
  color: #cb291f;
}

.icon-Bank-of-China:before {
  content: "\e901";
  color: #9e1f31;
}

.icon-Bank-of-Communications:before {
  content: "\e902";
  color: #113670;
}

.icon-Bank-of-Shanghai .path1:before {
  content: "\e903";
  color: rgb(255, 178, 0);
}

.icon-Bank-of-Shanghai .path2:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(0, 53, 217);
}

.icon-bank_gd:before {
  content: "\e905";
  color: #f8981d;
}

.icon-bank_gf .path1:before {
  content: "\e906";
  color: rgb(189, 0, 22);
}

.icon-bank_gf .path2:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(115, 0, 0);
}

.icon-bank_gf .path3:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(229, 0, 32);
}

.icon-bank_gf .path4:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(189, 0, 22);
}

.icon-bank_gf .path5:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(229, 0, 32);
}

.icon-bank_gf .path6:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(115, 0, 0);
}

.icon-bank_hx:before {
  content: "\e90c";
  color: #e50012;
}

.icon-bank_ms .path1:before {
  content: "\e90d";
  color: rgb(29, 32, 135);
}

.icon-bank_ms .path2:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(90, 164, 114);
}

.icon-bank_ny:before {
  content: "\e90f";
  color: #008566;
}

.icon-bank_pa .path1:before {
  content: "\e910";
  color: rgb(0, 0, 0);
}

.icon-bank_pa .path2:before {
  content: "\e911";
  margin-left: -1.0009765625em;
  color: rgb(255, 50, 4);
}

.icon-bank_pf:before {
  content: "\e912";
  color: #003473;
}

.icon-bank_xy:before {
  content: "\e913";
  color: #004186;
}

.icon-bank_yz:before {
  content: "\e914";
  color: #007e3e;
}

.icon-bank_zs:before {
  content: "\e915";
  color: #e50012;
}

.icon-bank_zx:before {
  content: "\e916";
  color: #d7000f;
}

.icon-Industrial-and-Commercial-Bank:before {
  content: "\e917";
  color: #bf1920;
}

.icon-Ping-An-Bank:before {
  content: "\e918";
  color: #fc6120;
}

/* 图片上传 */
.fileUploadContent .uploadBts{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 1.5rem;
}
.fileUploadContent .uploadBts>div .selectFileBt {
  border: none;
  background-color: #0099FF;
  color: #FFFFFF;
  padding: 0.5rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
}

.fileUploadContent .uploadBts>div .selectFileBt:hover {
  color: #DDDDDD;
}

.fileUploadContent .uploadBts>div i {
  font-size: 2.3rem;
  color: #0099FF;
  cursor: pointer;
}

.fileUploadContent .fileItem {
  border: solid thin #DDDDDD;
  width: 6rem;
  display: inline-block;
  margin: 0.1rem;
  padding: 0.2rem;
  border-radius: 0.25rem;
  vertical-align: top;
}

.fileUploadContent .fileItem .status {
  text-align: center;
}

.fileUploadContent .fileItem .status i {
  display: block;
  float: left;
  color: red;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  cursor: pointer;
}

.fileUploadContent .fileItem .imgShow {
  height: 6.5rem;
  margin: 0.25rem auto;
  text-align: center;
}



.fileUploadContent .fileItem .imgShow img {
  width: 100%;
  height: 100%;
}
.fileName{
  font-size: 1rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:1rem;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shanchu:before { content: "\e636"; }

.icon-gou:before { content: "\e666"; }

.icon-wenjian:before { content: "\e634"; }

.icon-wenjian1:before { content: "\e614"; }

.icon-qingchu:before { content: "\e60a"; }

.icon-shangchuan:before { content: "\e6f7"; }

.icon-cha:before { content: "\e602"; }

.icon-wenjian2:before { content: "\e615"; }


/* sui icon */